<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<title>例子</title>
	<link rel="stylesheet" href="/index/WaterFlow/Public/css/bootstrap.min.css">
	<link rel="stylesheet" href="/index/WaterFlow/Public/css/style.css">
	<script src="/index/WaterFlow/Public/js/jquery.js"></script>
	<script src="/index/WaterFlow/Public/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$('#video').play();
	</script>
</head>
<body style="background-color: #E6E6E6">
	<div class="container-fluid">
		<div class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="backarrow">
					<a href="/index/WaterFlow/index.php/Home/Index/index">
						<i class="backleft"></i>
						<i class="backright"></i>
					</a>
				</div>
				<div class="shizijia">
					<a href="#">
						<i class="shizijiah"></i>
						<i class="shizijiav"></i>
					</a>
				</div>
				<div class="aixin">
					<a href="#">
						<i class="aixin1"></i>
						<i class="aixin2"></i>
						<i class="aixin3"></i>
					</a>
				</div>
				<div class="comment">
					<a href="">
						<i class="tuoyuan">...</i>
					</a>
				</div>
				<div class="zhuanfa">
					<a href="">
						<i class="ico_zhuanfa”"></i>
					</a>
				</div>
				<div class="touxiang">
					<img src="/index/WaterFlow/Public/<?php echo ($video_rec["image"]); ?>" alt="" />
				</div>
		</div>
		<div class="row video">
			<div class="body-viedo">
				<video id="video" poster="/index/WaterFlow/Public/<?php echo ($video_rec["image"]); ?>" width="100%" controls loop autoplay>
					<source src="/index/WaterFlow/Public/<?php echo ($video_rec["mp4"]); ?>"  type="video/mp4" >			   
				</video>			
			</div>
			<div class="video-t">
				<div class="video-num">123播放数量</div>
				<div class="video-time">32播放时间</div>
			</div>
			<div class="video-b">
				<div class="video-info">
					<i></i>说明
				</div>
				<div class="video-like">
					<i></i>人数
				</div>
				<div class="video-pinglun">
					<i></i>评论人数
				</div>
			</div>
			<hr />
			<div class="video-bottom">
				<div class="pinglun">
					<div class="touxiang">
						<img src="/index/WaterFlow/Public/images/3.jpg" alt="" />
					</div>
					<div class="pinglun-r">
						<div class="pinglun-name">
							评论者名字
						</div>
						<div class="pinglun-time">
							评论时间
						</div>
						<div class="pinglun-neirong">
							评论内容
						</div>
						<hr />
					</div>
			
				</div>
				<div class="pinglun">
					<div class="touxiang">
						<img src="/index/WaterFlow/Public/images/3.jpg" alt="" />
					</div>
					<div class="pinglun-r">
						<div class="pinglun-name">
							评论者名字
						</div>
						<div class="pinglun-time">
							评论时间
						</div>
						<div class="pinglun-neirong">
							评论内容
						</div>
						<hr />
					</div>
			
				</div>
				<div class="pinglun">
					<div class="touxiang">
						<img src="/index/WaterFlow/Public/images/3.jpg" alt="" />
					</div>
					<div class="pinglun-r">
						<div class="pinglun-name">
							评论者名字
						</div>
						<div class="pinglun-time">
							评论时间
						</div>
						<div class="pinglun-neirong">
							评论内容
						</div>
						<hr />
					</div>
			
				</div>
				<div class="end">
					已经到尾了，没有更多的评论！！
				</div>
				<hr />
			</div>
			
		</div>
	</div>
	<script src="/index/WaterFlow/Public/js/js.js"></script>

</body>
</html>